<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>程丰民他爹</title>
    </head>
    <style></style>
    <body>
        <!--
            <h1>-<h6>标题:标题从h1-h6分为六级标题,标题独占一行
            <center>标签,用于居中显示内容.HTML5之后不在建议使用
            <input>输入域,用来在页面获取用户输入。
            属性type用于指定该输入域展现的样子,常见的值:
                text:文本输入框
                password:密码输入框
                checkbox:多选框
                radio:单选框
                button:按钮
            <br>标签:换行
            <a>标签:超链接,标签中间的文本是超链接显示的文本,属性href用来指定点击
                    该超链接后跳转的路径
            <table border="1">:表格
            <tr>:行 <td>:列 <th>:标头
            colspan="2":合并列(在列中使用)
            rowspan="2":合并行
            align:对齐方式center:居中,lift:左right:右

       <img>标签:图片,其中src用于指定图片的位置

       在html页面上我们可以指定一个资源的路径以便于使用.例如超链接
       等标签上常常会指定一个路径
       1:相对路径
                页面上使用"./"表示当前目录时，由于html是被浏览器解释的，因此该路径
                不能与在java源代码中使用"./"混淆(实际表示的路径不相同!)
                浏览器在解释页面上的"./"时，是根据请求当前页面时URL中该页面所在的
                目录:
                例如:
                请求当前首页。我们在浏览器输入的地址为:
                http://localhost:8088/myweb/index.html
                那么在index.html页面中若使用了"./"路径，则浏览器理解的实际位置:
                http://localhost:8088/myweb/
                因此若页面上<img src="./logo.png">
                浏览器实际理解的该图片路径为:
                http://localhost:8088/myweb/logo.png

                相对路径在进行内部转发操作时可能导致定位失效。

              2:绝对路径
                "/":根。指的位置是URL当中抽象路径开始的"/"
                举例:                 v
                http://localhost:8088/myweb/index.html
                                     |----抽象路径-----|
                在index.html页面上:
                <img src="/myweb/logo.png">
                          ^就是绝对路径中"/",对应URL中抽象路径部分起始的"/":
                http://localhost:8088/myweb/index.html
                                     ^
                因此，浏览器理解该图片的实际位置:
                http://localhost:8088/myweb/logo.png
        -->
        <center>
            <!--<h1>百度</h1>-->
            <img src="/myweb/logo.jpg"><br>
            <input type="text"size="32">
            <input type="button" value="百度一下" onclick="alert('中奖了')">
            <br>
            <a href="/myweb/reg.html">去注册</a>
            <br>
            <a href="/myweb/login.html">去登录</a>
            <a href="/myweb/showAllUser">用户列表</a>
            <br>
            <a href="http://www.taobao.com">去淘宝</a>
            <br>
            <a href="/myweb/writeArticle.html">发表文章</a>
            <a href="/myweb/createQR.html">二维码生成器</a>
            <br>
            <a href="/myweb/showAllArticle">文章列表</a>
            <table border="1">
                <tr>
                    <td>1.1</td>
                    <td colspan="2" align="center">1.2</td>
                    <td>1.3</td>
                </tr>
                <tr>
                    <td>2.1</td>
                    <td rowspan="2">2.2</td>
                    <td>2.3</td>
                    <td>2.4</td>
                </tr>
                <tr>
                    <td>3.1</td>
                    <td>3.3</td>
                    <td>3.4</td>
                </tr>
            </table>
        </center>
    </body>
</html>